.img-cover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #ececec;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.fl{
  float: left; 
}

.fr{
  float: right;
}

.img-cover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #ececec;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.flexbox{display:flex}
.flex1{flex:1 1}